<!DOCTYPE html>
<html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
<?php
	echo static_file('web/css/swiper-3.3.1.min.css');
	echo static_file('web/js/swiper-3.3.1.min.js');;
	echo static_file('web/css/flexslider.css');
	echo static_file('web/js/jquery.flexslider-min.js');
	echo static_file('web/css/jquery.mCustomScrollbar.css');
	echo static_file('web/js/jquery.mCustomScrollbar.js');
	echo static_file('web/js/jquery.lazyload.min.js');
?>
</head>

<body>
	<div class="main">
		<?php include_once VIEWS.'inc/header.php'; ?>
		<section class="solution">
			<div class="abanner">
				<img src="<?php echo static_file('web/img/solution.jpg')?>" alt="">
			</div>
			<div class="solution_box">
				<div class="solution_top fff wow fadeInUp" >
					<div class="solution_cen w1440">
						<div class="title">
							<div class="cn">商用产品</div>
							<div class="en">Commercial products</div>
						</div>
						<div class="ds">我们用高科技、高品质、人性化的产品在满足您热水需求的同时，为您提供更加环保、智能、舒适的品位生活。</div>
						<div class="list">
							<ul class="f-cb">
								<li class="active">
									<a href="<?php echo site_url('solution/list'); ?>">
										<div class="ico">
											<img src="<?php echo static_file('web/img/hl1.png')?>" alt="">
											<img src="<?php echo static_file('web/img/hl6.png')?>" alt="" class="active">
										</div>
										<div class="txt">太阳能</div>
									</a>
								</li>
								<li>
									<a href="<?php echo site_url('solution/list'); ?>">
										<div class="ico">
											<img src="<?php echo static_file('web/img/hl2.png')?>" alt="">
											<img src="<?php echo static_file('web/img/hl7.png')?>" alt="" class="active">
										</div>
										<div class="txt">空气能</div>
									</a>
								</li>
								<li>
									<a href="<?php echo site_url('solution/list'); ?>">
										<div class="ico">
											<img src="<?php echo static_file('web/img/s4.png')?>" alt="">
											<img src="<?php echo static_file('web/img/s44.png')?>" alt="" class="active">
										</div>
										<div class="txt">挂壁炉</div>
									</a>
								</li>
								<li>
									<a href="<?php echo site_url('solution/list'); ?>">
										<div class="ico">
											<img src="<?php echo static_file('web/img/s2.png')?>" alt="">
											<img src="<?php echo static_file('web/img/s22.png')?>" alt="" class="active">
										</div>
										<div class="txt">商用新风</div>
									</a>
								</li>
								<li>
									<a href="<?php echo site_url('solution/list'); ?>">
										<div class="ico">
											<img src="<?php echo static_file('web/img/s3.png')?>" alt="">
											<img src="<?php echo static_file('web/img/s33.png')?>" alt="" class="active">
										</div>
										<div class="txt">商用净水</div>
									</a>
								</li>
							</ul>
						</div>
						<div class="swiper_list">
							<div class="swiper-button-prev"></div>
	    					<div class="swiper-button-next"></div>
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide active">
										<a href="<?php echo site_url('solution/list'); ?>">
											<div class="ico">
												<img src="<?php echo static_file('web/img/hl1.png')?>" alt="">
												<img src="<?php echo static_file('web/img/hl6.png')?>" alt="" class="active">
											</div>
											<div class="txt">太阳能</div>
										</a>
									</div>
									<div class="swiper-slide">
										<a href="<?php echo site_url('solution/list'); ?>">
											<div class="ico">
												<img src="<?php echo static_file('web/img/hl2.png')?>" alt="">
												<img src="<?php echo static_file('web/img/hl7.png')?>" alt="" class="active">
											</div>
											<div class="txt">空气能</div>
										</a>
									</div>
									<div class="swiper-slide">
										<a href="<?php echo site_url('solution/list'); ?>">
											<div class="ico">
												<img src="<?php echo static_file('web/img/s4.png')?>" alt="">
												<img src="<?php echo static_file('web/img/s44.png')?>" alt="" class="active">
											</div>
											<div class="txt">挂壁炉</div>
										</a>
									</div>
									<div class="swiper-slide">
										<a href="<?php echo site_url('solution/list'); ?>">
											<div class="ico">
												<img src="<?php echo static_file('web/img/s2.png')?>" alt="">
												<img src="<?php echo static_file('web/img/s22.png')?>" alt="" class="active">
											</div>
											<div class="txt">商用新风</div>
										</a>
									</div>
									<div class="swiper-slide">
										<a href="<?php echo site_url('solution/list'); ?>">
											<div class="ico">
												<img src="<?php echo static_file('web/img/s3.png')?>" alt="">
												<img src="<?php echo static_file('web/img/s33.png')?>" alt="" class="active">
											</div>
											<div class="txt">商用净水</div>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="solution_recommend w1440 wow fadeInUp">
					<ul>
						<li class="f-cb">
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/solution_l1.jpg')?>" alt="">
								</div>
								<div class="cont">
									<span class="icon">推荐<br>产品</span>
									<div class="t">全屏平板集热器</div>
									<div class="con_box">
										<div class="con">
											<p>全屏设计，契合建筑外型，更美观</p>
											<p>整体式折弯边框，一体成型强度更高</p>
											<p>创新结构设计，整体厚度降低18%以上</p>
											<p>专利D型管流道，热效率更高</p>
										</div>
										<div class="btn">了解产品</div>
									</div>
								</div>
							</a>
						</li>
						<li class="f-cb">
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/solution_l2.jpg')?>" alt="">
								</div>
								<div class="cont">
									<span class="icon">推荐<br>产品</span>
									<div class="t">全城热恋系列</div>
									<div class="con_box">
										<div class="con">
											<p>热泵节能省电可达75%</p>
											<p>100小时长效保温</p>
											<p>航天级防漏20年</p>
											<p>8大保护使用放心</p>
											<p>DDC全方位立体加热</p>
										</div>
										<div class="btn">了解产品</div>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="product_box w1440 wow fadeInUp">
					<ul class="f-cb">
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f1.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">真空管型集热器</div>
									<div class="ds">精钻航天管集热器</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f2.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">宏云远程控制柜</div>
									<div class="ds">专利双探头自动校验，系统运行双保险</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f3.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">控制柜</div>
									<div class="ds">搭载远程物联网</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f4.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">基准型</div>
									<div class="ds">焊接牢固，对膜层无破坏</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f5.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">布氏钛晶</div>
									<div class="ds">高吸收比，低发射比</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f6.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">蓝钛</div>
									<div class="ds">97% 超高吸收比</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f7.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">圆形水箱</div>
									<div class="ds">一体成型免焊技术</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f8.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">强电柜</div>
									<div class="ds">控制要求设置专业合理</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f9.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">U型管集热器</div>
									<div class="ds">采用优质TP2紫铜流道，性能稳定寿命长</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f1.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">真空管型集热器</div>
									<div class="ds">精钻航天管集热器</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f2.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">宏云远程控制柜</div>
									<div class="ds">专利双探头自动校验，系统运行双保险</div>
								</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('hwliving/detail'); ?>">
								<div class="pic_box">
									<div class="pic">
										<div class="ico"></div>
										<div class="mask"></div>
										<img src="<?php echo static_file('web/img/f3.jpg')?>" alt="">
									</div>
								</div>
								<div class="cont">
									<div class="t">控制柜</div>
									<div class="ds">搭载远程物联网</div>
								</div>
							</a>
						</li>
					</ul>
					<div class="page_box">
						<a href="javascript:;" class="prev"></a>
						<a href="javascript:;" class="active">1</a>
						<a href="javascript:;">2</a>
						<a href="javascript:;">3</a>
						<a href="javascript:;">4</a>
						<a href="javascript:;">5</a>
						<a href="javascript:;">...</a>
						<a href="javascript:;">15</a>
						<a href="javascript:;" class="next"></a>
					</div>
				</div>
			</div>
		</section>
    	<?php include_once VIEWS.'inc/footer.php'; ?>
	</div>
	<script>
		$(function(){
			$('header .bocweb-nav ul li').eq(3).addClass('active');
			var mySwiper = new Swiper ('.swiper_list .swiper-container', {
			    nextButton: '.swiper_list .swiper-button-next',
			    prevButton: '.swiper_list .swiper-button-prev',
			    slidesPerView : 3,
				spaceBetween : 20,
				breakpoints: { 
				    500: {
				      slidesPerView: 3,
				      spaceBetween: 15
				    }
				}
			})        
			$('.solution_recommend ul li .pic').height(Math.floor($('.solution_recommend ul li .pic').width()*(460/720)));

			$('.product_box ul li .pic').height(Math.floor($('.product_box ul li .pic').width()*(282/441)));
			$(window).resize(function(){
				$('.solution_recommend ul li .pic').height(Math.floor($('.solution_recommend ul li .pic').width()*(460/720)));
				$('.product_box ul li .pic').height(Math.floor($('.product_box ul li .pic').width()*(282/441)));
			})
		})
	</script>
</body>
</html>

